<script setup lang="ts">
//  interface Person{
//   name:string
//   age: number
//  }
// //  type 是类型的别名
//  type Student = Person & {major:string}
//  var s1:Student = {
//   name:"小红",
//   age:18,
//   major:"日语"
//  }
// 定义arrItem类型 字符串或者数字
type arrItem  = string | number;
// 定义arr数组 值类型为arrItem
const arr:arrItem[] = [1,"a",2,"b"]
// 定义Person类型
 type Person = {name:string}
//  定义学生类型 Person与major联合
 type Student = Person & {marjor:string}
 //  定义老师类型 Person与teach联合
 type Teacher = Person & {teach:string}
//  定义一个元祖类型，先学再老师
 type StudentAndTeach = [Student,Teacher]
//  定义ST类型 可以是学也可以是老师
 type ST = Student | Teacher;
//  定义list数组 内容可以是学生可以是老师
 var  list:ST[]=[  
  {name:"红红",marjor:"前端"},
  {name:"小曾",teach:"H5"},
  {name:"红红",marjor:"前端"},
  
 ]
//  定义temp元祖，内容先学生后老师
 var  temp :StudentAndTeach=[  
  {name:"红红",marjor:"前端"},
  {name:"小曾",teach:"H5"},
 ]
</script>

<template>
  <main>
   <h1>TypeScript学习-type</h1>
   <p>{{ arr }}</p>
   <p>{{ list }}</p>
   <p>{{ temp}}</p>
     
  </main> 
</template>

